<template>
  <div class="home">
    我叫{{name}},今年{{age}},我的电话为{{phoneShow}},我是{{sexShow}}
  </div>
</template>

<script>
import {mapState} from "vuex";
import {mapGetters} from "vuex";
export default {
  name: 'Home',
  data(){
    return{

    }
  },
  // 第一种写法
  // computed:{
  //   name(){
  //     return this.$store.state.name
  //   },
  //   age(){
  //     return this.$store.state.age
  //   }
  // },
  // 第二种写法
  // computed: mapState({
  //   name:state=>state.name,
  //   age:'age'
  // }),
  // 展开运算符方法
  computed:{
    ...mapState((['name','age'])),
    ...mapGetters((['phoneShow'])),
    sexShow(){
      return this.$store.getters.sexShow(1)
    }
  }
}
</script>
